import React from "react";

class AppClass extends React.Component {
    state = {
        name: "传智播客",
        count: 0,
    };

    render() {
        return (
            <div>
                <p>{this.state.count}</p>
                <button>修改name</button>
                <button
                    onClick={() => {
                        // 1. this.setState({})
                        // 2. this.setState(() => {return {}})
                        // this.setState 状态修改是异步的，调用本身是同步
                        // this.setState 会将多次修改合并
                        // 18.0 版本 this.setState修改是异步的
                        // 17.0 版本之前 定时器和Promise中this.setState修改是同步的 在react上下文(事件和生命周期)中是异步的
                        // setTimeout(() => {
                        //     this.setState({
                        //         count: this.state.count + 1,
                        //     });
                        //     console.log(this.state.count); // 0
                        // }, 1000);
                    }}>
                    count+1
                </button>
            </div>
        );
    }
}

export default AppClass;
